<!DOCTYPE html>
<html>
<head lang="zh">
	<meta charset="UTF-8">
	<title>jQuery基础教程（第3版）</title>
</head>
<body>
<section class="content">
	<article>
		<h1>第1章 jQuery入门</h1>

		<p>
			使用jQuery可以轻松操作文档元素，而且简化了JavaScript语法。弥补CSS的不足，使文档适用于各种浏览器。它呆以改变文档内容，插入或翻转图像，重新排序列表，甚至对整个结构都能重写和扩充。它的事件处理程序可以处理形形色色的页面事件，优化用户交互操作。可以向页面添加淡入、擦除之类动态效果。无需刷新页面即可从服务器获取信息，它消除了使用AJax的复杂性。简化了常见的JavaScript任务。</p>

		<p>jQuery将元素机制构建于CSS选择符之上，这样可以清晰的表达文件结构，当然，文档结构得清晰才行吧。jQuery的官方文档地址：http://api.jquery.com。</p>

		<p>通常JavaScript代码在浏览器初次遇到它们时会执行，而在浏览器处理阔大部时，HTML还不会呈献样式，因此需要延到DOM可用时再执行。</p>

		<p>接下来简单讲了FireBug调试器，是个不错的软件。</p>
	</article>
	<article>
		<h1>第2章 选择元素</h1>

		<p>
			jQuery最强大的特性之一就是它能简化在DOM中选择元素的任务。DOM以对象方式描述了HTML文档，充当了网页和JavaScript间的接口。但是jQuery对象与DOM元素并不相同，当然也没必要相同，不必为DOM中实现的属性和方法再写一次。</p>

		<p>
			在jQuery中无论使用哪种类型的选择符都是这样：$(‘选择符名称’)。它是一种简写方式，接受CSS选择符作为参数，即所有能在样式表中使用的选择符都可以传给这个函数作为参数，它将返回页面中对应元素的jQuery对象。</p>

		<p>使用$()这种简写方式在同时使用多个框架的时候可能会引起冲突，因为它们也可能使用了这种简写方式。</p>

		<p>与CSS一样，有三种基本的选择符可以使用：标签名（比如:$('p'))、ID($(‘#id'）和类（'.class'）。如果有多个符合选择符的结果，对象后的方法将自动遍历，不需要使用循环。</p>

		<p>在jQuery代码中使用$('document').ready();时，函数中的所有代码都会在文档加载完成后立即执行。</p>

		<p>属性选择符通过HTML元素的属性选择元素，比如链接的title属性或img元素的alt属性，要选择所有带有alt属性的img元素可以这样：$('img[alt]')。</p>

		<p>
			属性选择借用正则表达式的表达方式：^表示值在字符串的开始，$表示值在字符串的结尾，而*表示在字符串的任意位置。比如：$('a[href^="mailto:"]').addClass('mailto');，它的意思是选择所有带有href属性的a元素，且href的值以mailto:开始；而$('a[href$=".pdf"]').addClass('pdflink');，则表示值为以.pdf结尾的a元素href值。
		</p>
		<p>
			jQuery还提供独有的选择符，但是其效率不如DOM更快，因此尽量不要频繁使用。
		</p>
	</article>
	<article>

		<h1>第3章 事件</h1>

	</article>
	<article>
		<h1>第4章 样式与动画</h1>

	</article>
</section>
<article>
	<h1>第5章 操作DOM</h1>

</article>
<article>
	<h1>第6章 通过AJax发送数据</h1>

</article>
<article>
	<h1>第7章 使用插件</h1>

</article>
<article>
	<h1>第8章 开发插件</h1>

</article>
<article>
	<h1>第9章 高级选择符与遍历</h1>

</article>
<article>
	<h1>第10章 高级事件处理</h1>

</article>
<article>
	<h1>第11章 高级效果</h1>

</article>
<article>
	<h1>第12章 高级DOM操作</h1>

</article>
<article>
	<h1>第13章 高级Ajax</h1>

</article>
<article>
	<h1>附录A JavaScript闭包</h1>

</article>
<article>
	<h1>附录B 使用QUnit测试JavaScript</h1>

</article>
<article>
	<h1>附录C 快速参与</h1>

</article>
<article>
	<h1>附录D jQuery1.7简介</h1>

</article>
</section>
</body>
</html>